@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin: 0;padding: 0;-moz-transition: all .3s;}
body{background: #fff;color: #323232;font-size: 14px; overflow-x: hidden; font-family: "Microsoft YaHei", "Arial", "黑体", "宋体", sans-serif;}
td,th,caption{font-size: 14px;}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 100%;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;font-weight: normal;}
a{color: #323232;text-decoration: none;}
a:link{color: #323232;}
a:visited{color: #323232;}
a:hover,a:active,a:focus{text-decoration: none;}
img{border: none;vertical-align: top}
ol,ul,li{list-style: none;}
input,textarea,select,button{font: 14px "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;}
input{border: 0;outline: none;}
table{border-collapse: collapse;border-spacing: 0;}
dt,dd{font-weight: normal;}
p{word-wrap: break-word}
a{blr: expression(this.onFocus=this.blur());}
a:focus{outline: none;}
a.hidefocus{outline: none}
.clearfix{*zoom: 1;clear: both; zoom: 1;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size: 0px;}
*:focus{outline: none;}
button:focus {outline:none!important;;}

.fl{float: left;}
.fr{float: right;}
img{max-width: 100%;}
.picfocus{overflow: hidden;}
.picfocus img{width: 100%;-webkit-transition: 0.36s ease;-moz-transition: 0.36s ease;-o-transition: 0.36s ease;-ms-transition: 0.36s ease;}
.picfocus:hover img,
a:hover .picfocus img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
div{border: none}
.table{display: table;table-layout: fixed;width: 100%;height: 100%;}
.table-cell{display: table-cell;vertical-align: middle;width: 100%;height: 100%;z-index: 9999;}
body{transition: 0.5s ease all;}
input[type="text"] {-webkit-appearance: none;}
textarea{-webkit-appearance: none;}
@media (min-width: 1200px){
	.container{width: 1200px; padding: 0; }
}
@media (min-width: 1600px){
	.container{width: 1400px; padding: 0; }
}
@media (min-width: 1920px){
	.container{width: 1600px; padding: 0; }
}




/*tit*/
.common_tit{position: relative;line-height: 1; color: #2E2E2E;}
.common_tit h2.tit{position: relative; font-size: 30px; line-height: 1; color: #4C4C4C; margin: 18px 0 0; display: inline-block;}
.common_tit .tit_en{font-size: 46px; line-height: 1; color: #164299; text-transform: uppercase;}
.more_btn,
a.more_btn{width: 132px; display: block; line-height: 48px; font-size: 16px; color: #fff; background: #17439A; text-align: center;}
.more_btn::after{content: ""; width: 0; height: 0; margin: 18px 0 18px 12px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #fff; display: inline-block; vertical-align: top; }
.more_link{font-size: 18px; line-height: 25px; color: #164299;display: block;}
.more_link::after{content: ""; width: 9px; height: 15px; display: inline-block; margin: 6px 0 0 12px; vertical-align: top; background: url(../images/icon_arrow_blue.png) no-repeat top left;}

@media (min-width:1600px) and (max-width:1920px){
	
}

@media (min-width:1200px) and (max-width:1599px){
	.common_tit .tit_en{font-size: 36px;}
	.common_tit h2.tit{font-size: 26px; margin: 12px 0 0;}
	.more_btn, a.more_btn{ width: 108px; line-height: 38px; font-size: 14px;}
	.more_btn::after{margin: 13px 0 13px 12px;}
}
	
@media (min-width:992px) and (max-width:1199px){
	.common_tit .tit_en{font-size: 36px;}
	.common_tit h2.tit{font-size: 24px; margin: 12px 0 0;}
	.more_btn, a.more_btn{width: 100px; line-height: 36px; font-size: 14px;}
	.more_btn::after{margin: 12px 0 12px 12px;}
}

@media (min-width:768px) and (max-width:991px){
	.common_tit .tit_en{font-size: 32px;}
	.common_tit h2.tit{font-size: 20px; margin: 12px 0 0;}
	.more_btn, a.more_btn{width: 100px; line-height: 36px; font-size: 13px;}
	.more_btn::after{margin: 12px 0 12px 12px;}
}

@media (max-width:767px){
	.common_tit{text-align: center;}
	.common_tit .tit_en{font-size: 24px;}
	.common_tit h2.tit{font-size: 18px; margin: 12px 0 0;}
	.more_btn, a.more_btn{width: 90px; line-height: 36px; font-size: 12px;}
	.more_btn::after{margin: 12px 0 12px 12px;}
}

/*header*/
.header{ transition: all 0.36s ease;}
.header .navbar{margin: 0; height: 120px; border: none; background: #fff; -webkit-transition: 0.36s ease all;transition: 0.36s ease all;}
.header .navbar .container{ display: flex;}
.header .nav_box{flex: 1;}
.header .navbar-collapse.collapse{float: right; vertical-align: top;}
.navbar .navbar-brand{height: 120px; padding: 26px 0 ; margin: 0; -webkit-transition: 0.36s ease all;transition: 0.36s ease all;}
.navbar .navbar-brand>img{height: 100%;}
.navbar-inverse .navbar-nav{ padding-top: 30px; box-sizing: border-box; -webkit-transition: 0.36s ease all;transition: 0.36s ease all;}
.navbar-inverse .navbar-nav>li>a{font-size: 18px; margin: 0 32px; padding: 15px 0; line-height: 24px; color: #2B2B2B; position: relative; }
.navbar-inverse .navbar-nav>li>a span{position: relative; z-index: 2;}
.navbar-inverse .navbar-nav>li>a::after{content: ""; position: absolute; left: 0; bottom: 0;  width: 100%; height: 2px;  z-index: 1; background: transparent; display: block; }
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover{background: none; color: #164299; border-color: #fff;}

.navbar-inverse .navbar-nav>.active>a::after,
.navbar-inverse .navbar-nav>.active>a:focus::after,
.navbar-inverse .navbar-nav>.active>a:hover::after,
.navbar-inverse .navbar-nav>.open>a::after,
.navbar-inverse .navbar-nav>.open>a:focus::after,
.navbar-inverse .navbar-nav>.open>a:hover::after,
.navbar-inverse .navbar-nav>li>a:focus::after,
.navbar-inverse .navbar-nav>li>a:hover::after{ background: #164299;}

.header .navbar-nav>li>.dropdown-menu{min-width: 136px; margin: 16px 0 0 16px; padding: 0; border: none; box-shadow: 0px 0px 6px 0px rgba(77, 77, 77, 0.14); border-radius: 0; color: #fff;}
.header .navbar-nav>li>.dropdown-menu::before{ content: ""; position: absolute; top: 0; left: 50%; margin: -12px 0 0 -6px; width:0;  height:0; border: 6px solid; border-color: transparent transparent #184199 transparent ;}
.header .navbar-nav>li>.dropdown-menu>li{text-align: center;}
.header .navbar-nav>li>.dropdown-menu>li>a{display: inline-block; width: 100%; line-height: 25px; padding: 15px 0; font-size: 16px; color: #184199; text-align: center;background: #fff;}
.header .navbar-nav>li>.dropdown-menu>li>a:focus,
.header .navbar-nav>li>.dropdown-menu>li>a:hover{color: #fff; background: #184199;}

.header .langue{display: flex;align-items: center;}
.header .langue a{ font-size: 16px; height: 24px; padding: 0 12px; margin: 0 4px; line-height: 24px; color: #164299;}
.header .langue a:hover,
.header .langue a.on{color: #fff; background: #164299; border-radius: 12px;}

@media (min-width:1600px) and (max-width:1920px){
	
}

@media (min-width:1200px) and (max-width:1599px){
	.header .navbar{height: 90px;}
	.navbar .navbar-brand{height: 90px; padding: 20px 0;}
	.navbar .navbar-brand img{ height: 50px;}
	.navbar-inverse .navbar-nav{padding-top: 18px;}
	.navbar-inverse .navbar-nav>li>a{font-size: 16px; margin: 0 24px;}
	.header .navbar-nav>li>.dropdown-menu{min-width: 122px; margin: 16px 0 0 0;}
	.header .navbar-nav>li>.dropdown-menu>li>a{font-size: 14px; padding: 10px 0;}
	.header .langue a{font-size: 14px;}
}
	
@media (min-width:992px) and (max-width:1199px){
	.header .navbar{height: 80px;}
	.navbar .navbar-brand{height: 80px; padding: 22px 0;}
	.navbar .navbar-brand img{ height: 36px;}
	.navbar-inverse .navbar-nav{padding-top: 12px;}
	.navbar-inverse .navbar-nav>li>a{font-size: 16px; margin: 0 18px;}
	.header .navbar-nav>li>.dropdown-menu{min-width: 122px; margin: 16px 0 0 0;}
	.header .navbar-nav>li>.dropdown-menu>li>a{font-size: 14px; padding: 10px 0;}
	.header .langue a{font-size: 14px;}
}

@media (min-width:768px) and (max-width:991px){
	.header .navbar{height: 80px;}
	.navbar .navbar-brand{height: 80px; padding: 22px 0;}
	.navbar .navbar-brand img{ height: 36px;}
	.navbar-inverse .navbar-nav{padding-top: 12px;}
	.navbar-inverse .navbar-nav>li>a{font-size: 14px; margin: 0 8px;}
	.header .navbar-nav>li>.dropdown-menu{min-width: 122px; margin: 16px 0 0 0;}
	.header .navbar-nav>li>.dropdown-menu>li>a{font-size: 14px; padding: 10px 0;}
	.header .langue a{font-size: 14px;}
}

@media (max-width:767px){
	.header .navbar{height: 50px;}
	.header .navbar .container{display: block;}
	.header .nav_box{margin: 0 -15px;background: #fff;}
	.navbar-inverse .navbar-toggle{border: none;}
	.navbar-inverse .navbar-toggle:focus, 
	.navbar-inverse .navbar-toggle:hover { background: none;}
	.navbar-inverse .navbar-collapse, 
	.navbar-inverse .navbar-form { border: none;}
	.header .navbar-collapse.collapse{ float: none;  text-align: left; border: none;}
	.navbar-inverse .navbar-toggle .icon-bar{background-color: #164299;}
	.navbar .navbar-brand{height: 50px; padding: 10px 0;}
	.navbar .navbar-brand img{ height: 30px;}
	.navbar-inverse .navbar-nav{padding-top: 0; width: 100%; margin: 0; padding: 0;}
	.navbar-inverse .navbar-nav>li>a{font-size: 14px; margin: 0 8px;}
	.header .navbar-nav>li>.dropdown-menu{position: relative; margin: 0 8px;}
	.header .navbar-nav>li>.dropdown-menu>li>a{font-size: 14px; padding: 10px 15px; width: 100%; text-align: left; }
	.header .navbar-nav>li>.dropdown-menu::before{content: none;}
	.header .langue{position: absolute; right: 80px; top: 13px;}
	.header .langue a{font-size: 14px;}
}

/*footer*/
.footer{position: relative; width: 100%; color: #fff; background: #eee; overflow: hidden; color: #7e7e7e;}
.footer_top{padding: 60px 0 45px;}
.footer a{color: #7e7e7e;}
.footer a:hover{color: #19449b;}
.footer .container{display: flex; justify-content: space-between; align-items: center;}
.footer .ft_logo{ display: block; }
.ft_center{flex: 1; overflow: hidden; margin: 0 50px;}
.ft_nav{ overflow: hidden;}
.ft_nav li{float: left; font-size: 16px; color:#19449b;}
.ft_nav li a{ padding: 0 30px; color:#19449b;}
.ft_nav li a:hover{text-decoration: underline;}
.ft_link{padding: 0 32px; font-size: 16px; line-height: 30px; margin: 56px 0 0;}
.ft_link a{color: #7e7e7e;}
.ft_tel{font-size: 16px; line-height: 1; margin: 0 74px 0 0; }
.ft_tel .tel{font-size: 34px; margin: 30px 0 24px; }
.ft_tel .email{font-size: 18px;}
.ft_wx{width: 123px; height: 123px; }
.footer .copyright{font-size: 14px; border-top: 1px solid rgba(40, 40, 40, 0.04); display: flex; justify-content: space-between; line-height: 30px; padding: 30px 0 18px; text-align: center;}
.footer .copyright .fl{flex: 1; text-align: left;}

@media (min-width:1600px) and (max-width:1920px){
	.ft_center{ margin: 0 30px;}
	.ft_nav li a{padding: 0 20px;}
	.ft_link{padding: 0 20px;}
}

@media (min-width:1200px) and (max-width:1599px){
	.footer_top{padding: 40px 0 ;}
	.ft_center{ margin: 0 30px;}
	.ft_nav li a{padding: 0 12px;}
	.ft_link{padding: 0 12px;}
	.ft_tel{margin: 0 30px 0 0;}
	.ft_tel .tel{font-size: 28px;}
}
	
@media (min-width:992px) and (max-width:1199px){
	.footer_top {padding: 40px 0 30px;}
	.footer .ft_logo{width: 130px;}
	.ft_center{ margin: 0 20px;}
	.ft_nav li{font-size: 14px; margin-bottom: 5px;}
	.ft_nav li a{padding: 0 12px;}
	.ft_link{padding: 0 12px; font-size: 14px; margin: 36px 0 0;}
	.ft_tel{margin: 0 20px 0 0;}
	.ft_tel .tel{font-size: 24px; margin: 20px 0 12px;}
}

@media (min-width:768px) and (max-width:991px){
	.ft_tel{margin: 0 30px;}
}

@media (max-width:767px){
	.footer .copyright{padding: 20px 0;}
	.footer .copyright .container{position: relative; display: block;}
	.footer .copyright .fr{position: absolute; right: 15px; bottom: 0;}
}